@charset "utf-8";
@import "common.scss";
section{
    .container{
        height: auto;
        background: url(../img/game_bg_02.png) no-repeat left;
        .remen{
            width: 40px;
            height: 100px;
            background: url(../img/hot-icon.png) no-repeat center;
            >p{
                padding-top: 20px;
                padding-left: 10px;
                padding-right: 10px;
                font-size: 1.357em;
                color: #FFFFFF;
            }
        }
        .lieren{
            h1{
                text-align: right;
                padding:10px ;
                font-size: 2.14em;
            }
            .zhugong{
                text-align: left;
            }
            p{
                text-align: right;
                line-height: 30px;
                font-size: 0.85em;
                color: #898989;
            }
            .lead{
                text-align: left;
            }
        }
        .gitm{
            margin-bottom:30px;
            .gitm-img{
                float: left;
                overflow: hidden;
                position: relative;
                cursor: pointer;
                .gitm-img1{
                    width: 100%;
                    height: 100%;
                }
            }
        }
        .page-header{
            border-bottom: none;
        }
    }
    .beit{
        background: url(../img/game_bg_01.png)no-repeat right;
        padding-bottom: 50px;
    }
    .dit{
        background: none;
    }
}
@media (min-width:1200px){
}
@media (min-width:991px){
}
@media (max-width:991px){

}
@media (min-width: 767px) and (max-width: 991px){
}
@media (max-width:767px){
}
@media (min-width: 480px) and (max-width: 767px){
    section{
        .container{
            background: none;
        }
    }
}
@media (max-width: 480px){
    section{
        .container{
            background: none;
            .page-header{
                h1{
                    font-size: 2em;
                }
            }
        }
    }
}
